<!-- 整合各个部分的区域 -->
<template>
  <!-- 顶部通栏 -->
  <AppNavbar/>
  <!-- 头部组件 -->
  <AppHeader/>
    <!-- 吸顶头部 -->
  <AppHeaderSticky/>
  <!-- 内容容器 -->
  <div class="app-body">
    <!-- 二级路由 -->
    <RouterView />
  </div>
  <!-- 底部组件 -->
  <AppFooter/>
</template>

<script>
import AppNavbar from '@/components/app-navbar'
import AppHeader from '@/components/app-header.vue'
import AppFooter from '@/components/app-footer.vue'
import AppHeaderSticky from '@/components/app-header-sticky'
import { useStore } from 'vuex'
    export default {
        name:'Layout',
        components:{
          AppNavbar,
          AppHeader,
          AppFooter,
          AppHeaderSticky,
        },
        // 获取下分类数据
        setup(){
          const store=useStore()
          store.dispatch('category/getList');
        }
    }
</script>

<style>
.app-body{
  min-height: 600px;
}
</style>